import React from 'react';
import ReactDOM from 'react-dom';
import { NavBar, Drawer } from 'antd-mobile';
import { Router, Route, hashHistory, IndexRoute, Link } from 'react-router';
import Banner from './components/Banner';
import Stage2 from './components/Stage2';
import Stage3 from './components/Stage3';
import Stage4 from './components/Stage4';
import FormBook from './components/FormBook';
import FormWash from './components/FormWash';
import Home from  './components/Index';
import App from './components/App'
// not use `babel-plugin-import`
// import 'antd-mobile/dist/antd-mobile.css';
// import NavBar from 'antd-mobile/lib/nav-bar';
// import 'antd-mobile/lib/nav-bar/style/css';
// import Drawer from 'antd-mobile/lib/drawer';
// import 'antd-mobile/lib/drawer/style/css';

ReactDOM.render(
      <Router history={hashHistory}>
        <Route path="/" component={App}>
          <IndexRoute component={Home}/>
          <Route path="s1" component={Banner} />
          <Route path="s2" component={Stage2} />
          <Route path="s3" component={Stage3} />
          <Route path="s4" component={Stage4} />
          <Route path="s5" component={FormBook} />
          <Route path="s6" component={FormWash} /> 
        </Route>
      </Router>
, document.getElementById('example'));
